<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script>
        $(function (){
            //获取文本
            $('#getBtn').click(function (){
                //1、获取id为div1这个标签的文本
                //会获取到这个标签中所有的文本，包括后代元素的文本
                // console.log($('#div1').text());
            //    2、获取标签为div的元素的文本
            //    包含了多个dom元素的jQuery对象，通过text()方法获取文本，会把所有dom元素的文本获取到
                console.log($('div').text());
            });

            $('#setBtn').click(function (){
                //    设置文本:text()方法给参数，参数就是需要设置的文本
                //    1、会覆盖他原来的内容，如果设置的文本中包含标签，是不会把这个标签给解析出来的
                //包含了多个dom元素的jQuery对象，通过text()方法设置文本，会把所有的dom元素都设置上
                // console.log($('#div1').text("设置文本1<a>链接</a>"));
                console.log($('#div1').text("设置文本1"));
                console.log($('#div2').text("设置文本2"));
            });
        });
    </script>
</head>
<body>
<input type="button" value="获取" id="getBtn">
<input type="button" value="设置" id="setBtn">
 <div id="div1">
     这个是div1
     <p>我是第一个</p>
 </div>
 <div id="div2">
     这个是div2
     <p>我是第二个</p>
 </div>
</body>
</html>